<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <title>Formas HTML</title>
      <script language="javascript">			  
			function Validar()
				{
					campo = document.captura.edad
					Trim(campo)
				   if (isEmpty(campo.value))
				     {
				       alert("El campo edad es obligatorio")
						 asignaFoco(campo)
				       return false
				     }
				     
				  	campo = document.captura.edad   
				   if (! isPosInteger(campo.value))
				     {
				       alert("El campo edad debe ser numerico")
						 asignaFoco(campo)
				       return false
				     }
				}
          
          
			function Trim(elemento)
				{
					 value = elemento.value
					
					 while (value.charAt(value.length-1) == " ")
					   {
					     value = value.substring(0,value.length-1)
					   }
					 while(value.substring(0,1) == " ")
					   {
					     value = value.substring(1,value.length)
					   }
					
					 elemento.value = value;
				}
		
			function isEmpty(inputStr)
				{
					 /*
					  Determina si el capo esta nulo o sin datos
					 */
					
					 if (inputStr == null || inputStr == "")
					   {
					     return true
					   }
					 return false
				}
			
			function isPosInteger(inputVal)
				{
					 /*
					  Acepta caracteres del 0 al 9
					  No acepta puntuacion ni ningun otro caracter
					 */
					 inputStr = inputVal.toString()
					 for (var i = 0; i < inputStr.length; i++)
					   {
					     var oneChar = inputStr.charAt(i)
					     if (oneChar < "0" || oneChar > "9")
					       {
					         return false
					       }
					   }
					 return true
				}
			  
			function asignaFoco(campo)
				{
					if (campo.style)
						campo.style.backgroundColor = "#00FFFF"
				
					campo.focus()
				   campo.select()
				}
		</script>
   </head>
   <body>
      <table width="100%">
         <tr width="100%">
            <td align="left" width="50%">
	       			 
								 
							</a>
            </td>
            <td align="right" width="50%">
	       			  
            </td>
         </tr>
      </table>
      <hr>

      <h1>Formas HTML</h1>
      <h2>Procesar una forma con metodo de envio GET</h2>

      <form action="procesaGet.php" method="get" name="captura" id="captura" autocomplete="off" onsubmit="return Validar();">
        <table width="70%"  border="0">
          <tr>
            <td width="22%">Nombre</td>
            <td width="78%"><input type="text" name="nombre" id="nombre" value="Nombre Default" size="55" maxlength="50"></td>
          </tr>
          <tr>
            <td>Edad</td>
            <td><input type="text" name="edad" id="edad" value="99" size="4" maxlength="3"></td>
          </tr>
          <tr>
            <td colspan="2">&nbsp;</td>
          </tr>
          <tr>
            <td colspan="2"><div align="center">
              <input name="enviar" type="submit" id="enviar3" value="Enviar">
              <input name="restablecer" type="reset" id="restablecer3" value="Restablecer">
            </div></td>
          </tr>
        </table>
   </form>
</body>
</html>
